<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
<title>分享-ZoomYoung个性T恤</title>
<link rel="stylesheet" type="text/css" href="http://file.zoomyoung.cn/web/css/all.css">
<link rel="stylesheet" type="text/css" href="css/finish.css">
<script type="text/javascript" src="http://file.zoomyoung.cn/web/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://file.zoomyoung.cn/web/js/ajax/ajaxFeng.js"></script>
<script type="text/javascript" src="http://file.zoomyoung.cn/web/js/filedown.js"></script>
</head>
<body>
    <div class="aa">
    	<div class="all">
              <div class="header">
                  <div class="header_icon"></div>
                  <div class="header_show">
                      <span class="show_finish">支付成功！(咨询电话:020-66344068)</span>
                      <span class="show_detail">我们将在5个工作日为您定制生产</span>
                  </div>
                  <div class="show_btn">原价购买</div>
              </div> 
              <div class="content">
                  <img src="img/man button.png" class="toggle_sex"/>
                  <div class="content_img">
                     
                  </div>
                  <div class="content_detail">
                长按保存图片，邀请朋友支持你，满20次支持的前20名<span>免单</span>
                  </div>
                  <div class="content_cao">
                   <ul>
                      <li class="continue">
                         <img src="http://file.zoomyoung.cn/web/img/icon/do.png"/>
                         <span>继续定制</span>
                      </li>
                      <li class="save">
                         <div class="saveShow">
                            <img src="http://file.zoomyoung.cn/web/img/icon/save.png"/>
                            <span>长按保存</span>
                         </div>
                         <img src="http://file.zoomyoung.cn/main/2018/6/14/c72dd91f04a41c52619bc894d7b34b56.jpg" class="saveImg"/>
                      </li>
                      <li class="return">
                         <img src="http://file.zoomyoung.cn/web/img/icon/firend.png"/>
                         <span>分享支持</span>
                      </li>
                   </ul>
                  </div>
              </div>
    	</div>
    </div>
    <div class="ceng">
          <div class="a1">
                <div class="a2"></div>
                <img src="http://file.zoomyoung.cn/web/img/fen.png"/>
          </div>
    </div>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?2a04b9d7f4b4a0edfe491497d0cfa626";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	 <script type="text/javascript">
   /*初始化页面的rem值*/
   var a=($(document).width())/25+"px"
   $('html').css('fontSize',a);

   $('.a1').click(function(){
    $('.ceng').animate({'opacity':"0"},200,"linear",function(){
      $('.ceng').hide();
    });
    
   })
  $('.return').click(function(){
    $('.ceng').animate({'opacity':"1"},200,"linear");
    $('.ceng').show();
   })
  $('.continue').click(function(){
    window.location="./design.html"
  })

  
    //接受二维码的合成图片
    var tag=1;    //默认是男模特
    var linkHref="";
    var search=window.location.search;
    var index=search.indexOf('&')-6;
    var code=search.substr(6,index);
    var message=$.doGetDataAjax('http://zoomyoung.cn/api/design/get-active-status','json',false,"?code="+code);
    if(message.level == "error"){
        alert(message.message);
        window.location.href="http://design.zoomyoung.cn";
    }

    console.log(message)
    //获取当前是否在活动器间
    //如果不是在活动期间
    $('.show_btn').click(function(){
     startJsApiPay(message.data.order_num)
    })
    isActive()
    function isActive(){
      if(message.data.is_action==1&&message.data.is_pay==1&&message.data.pay_type=='free')
      {
         $('.header_icon').css('backgroundImage','url("http://file.zoomyoung.cn/web/img/finish@2x.png")');
          $('.show_finish').html('活动完成<span style="color:#FFC200">(恭喜您在前20名免费获得T恤)</span>')
          $('.show_detail').html('我们将在5个工作日为您定制生产')
          $('.content_detail').html('长按保存图片分享，邀请好友一起来定制个性T恤，关注公众号“纵仰青年”更多活动')
          $('.show_btn').hide();  
      }

      if(message.data.is_action==1&&message.data.is_pay==0&&message.data.pay_type=='wxpay_6')
      {
          $('.header_icon').css('backgroundImage','url("http://file.zoomyoung.cn/web/img/finish@2x.png")');
          $('.show_finish').html('活动完成(恭喜您获得20次支持)')
          $('.show_detail').html('您名次在20名以外，可6折购买哦')
          $('.content_detail').html('长按保存图片分享，邀请好友一起来定制个性T恤，关注公众号“纵仰青年”更多活动')
          $('.show_btn').html('6折购买')
      }
      if(message.data.is_action==1&&message.data.is_pay==0&&message.data.pay_type=='free')
      {
          var total=message.data.time_init;
          var interVal=setInterval(function () {
              total-=1;
              timeSever(total)
          }, 1000);
          $('.header_icon').css('backgroundImage','url("http://file.zoomyoung.cn/web/img/proceed@2x.png")');
          $('.show_detail').html('您已获得<span style="color:#FFC200;">'+message.data.support_num+'</span>次支持')
          $('.content_detail').html('长按保存图片分享，邀请朋友支持你，满20次支持的前20名免费领取T恤<span>(20名以外6折优惠)</span>')
          $('.show_btn').html('原价购买')
      }
      if(message.data.is_action==0&&message.data.is_pay==0&&message.data.pay_type=='wxpay')
      {
          $('.header_icon').css('backgroundImage','url("http://file.zoomyoung.cn/web/img/over@2x.png")');
          $('.show_finish').html('活动结束(很抱歉您没能获得支持)')
          $('.show_detail').html('唔关系，我系土豪中意原价购买')
          $('.content_detail').html('长按保存图片分享，邀请好友一起来定制个性T恤，关注公众号“纵仰青年”更多活动')
          $('.show_btn').html('原价购买')
      }
      if(message.data.is_pay==1&&message.data.pay_type=='wxpay')
      {
          $('.header_icon').css('backgroundImage','url("http://file.zoomyoung.cn/web/img/icon/icon_finish.png")');
          $('.show_finish').html('支付成功！(咨询电话:020-66344068)')
          $('.show_detail').html('我们将在5个工作日为您定制生产')
          $('.content_detail').html('长按保存图片分享，邀请好友一起来定制个性T恤，关注公众号“纵仰青年”更多活动')
          $('.show_btn').hide(); 
      }
    }
    function timeSever(total){
          var hour = parseInt(total  / 60 / 60 % 24) < 10 ?'0' + parseInt(total  / 60 / 60 % 24) : parseInt(total  / 60 / 60 % 24);
          var minute = parseInt(total  / 60 % 60)< 10 ?'0' + parseInt(total  / 60 % 60) : parseInt(total  / 60 % 60);
          var seconds = parseInt(total  % 60)< 10 ?'0'+ parseInt(total  % 60) : parseInt(total  % 60);
          $('.show_finish').html('正在参与活动(倒计时'+hour+':'+minute+':'+seconds+')')
    }

  
   
   //微信支付调起接口
 function startJsApiPay(order_num) {
     $.ajax({
         type: "post",
         url: 'http://zoomyoung.cn/api/payment/payByWechatJsApi',
         dataType: "json",
         xhrFields: {
             withCredentials: true,
         },
         crossdomain: true,
         data: {
             order_num: order_num
         },
         success: function (obj) {
             if (obj.level == "success") {
                 WXPayment(obj.data, order_num);
             } else {
                 alert('生成订单失败');
             }
         },
         error: function (obj) {
             console.log(obj);
         }
     });
 }
//手机判断用户是否支付
 function WXPayment(configJSON,orderNum) {
     if (typeof WeixinJSBridge === 'undefined') {
         alert('请用手机端打开')
         return false;
     }
     WeixinJSBridge.invoke('getBrandWCPayRequest', configJSON, function (res) {
         switch (res.err_msg) {
             case 'get_brand_wcpay_request:cancel':
                 alert('用户取消支付！');
                 break;
             case 'get_brand_wcpay_request:fail':
                 alert('支付失败！（' + res.err_desc + '）');
                 break;
             case 'get_brand_wcpay_request:ok':
//                 check(orderNum);
                 window.location.reload();
                 break;
             default:
                 alert(JSON.stringify(res));
                 break;
         }
     });
 }
 //给订单号到后台，从微信那边过去是否付款成功，用户是否付款成功是用这个为依据，而不是手机判断的依据
 function check(orderNum) {
        var data = $.doPostDataAjax('http://zoomyoung.cn/api/payment/checkPayResult', 'json', false, {"order_num": orderNum});
        if (data.message != 'no_pay') {
            clearInterval(interVal)
            $('.header_icon').css('backgroundImage','url("http://file.zoomyoung.cn/web/img/icon/icon_finish.png")');
            $('.show_finish').html('支付成功！(咨询电话:020-66344068)');
            $('.show_detail').html('我们将在5个工作日为您定制生产');
            $('.content_detail').html('长按保存图片分享，邀请好友一起来定制个性T恤，关注公众号“纵仰青年”更多活动');
            $('.show_btn').hide();  
        }
        else {
            alert('支付失败!');
        }
    }


    //初始化男模特图片
    $a="code="+code+"&sex="+tag;
    linkHref='http://design.zoomyoung.cn/good.html?'+$a;
    share();
    var data1=$.doPostDataAjax('http://zoomyoung.cn/api/design/build-share-image','json',false,{"code":code})
    //初始化页面
    $('.content_img').append('<img src="'+data1.data.boy.img_url+'" img_id="'+data1.data.boy.img_id+'" class="show"/>');
    $('.saveImg').attr('src',data1.data.boy.img_url)

    //点击切换模特按钮，进行图片的切换
    $('.toggle_sex').click(function(){
       if(tag===1)
       {
        $(this).attr('src','http://file.zoomyoung.cn/web/img/model_girl.png')
        tag=2;
        $a="code="+code+"&sex="+tag;
       linkHref='http://design.zoomyoung.cn/good.html?'+$a
       share();
        $('.show').attr('src',data1.data.girl.img_url)
       }
       else{
        $(this).attr('src','http://file.zoomyoung.cn/web/img/model_boy.png')
        tag=1;
        $a="code="+code+"&sex="+tag;
        linkHref='http://design.zoomyoung.cn/good.html?'+$a
        console.log(linkHref)
        share()
        $('.show').attr('src',data1.data.boy.img_url)
       }
     })
    jssdk()
     //配置jssdk  
     function jssdk(){console.log(linkHref)
       var href=window.location.href;
     var data=$.doPostDataAjax('http://zoomyoung.cn/api/wechat/getJsApiPacket','json',false,{"url":href});
     wx.config({
      debug:false,
      appId:data.data.appId,
      timestamp:data.data.timestamp,
      nonceStr:data.data.nonceStr,
      signature:data.data.signature,
      jsApiList:['onMenuShareTimeline','onMenuShareAppMessage']
     });
     wx.error(function(){
      console.log('error')
     })
     } 
     //设置分享朋友圈和朋友的功能
   function share(){
       var shareImgUrl = "http://design.zoomyoung.cn/img/share2.jpg";
     wx.ready(function(){
         wx.onMenuShareTimeline({
            title: '【ZoomYoung】我设计了一款创意个性T恤，快来支持我吧！', // 分享标题
            desc: 'ZoomYoung品牌服饰邀请你一起玩转创意设计~~', // 分享描述
            link: linkHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: shareImgUrl, // 分享图标
            success: function () {
              console.log('分享到朋友圈成功')  
          },
        })
        wx.onMenuShareAppMessage({
          title: '【ZoomYoung】我设计了一款创意个性T恤，快来支持我吧！', // 分享标题
          desc: 'ZoomYoung品牌服饰邀请你一起玩转创意设计~~', // 分享描述
          link: linkHref, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
          imgUrl: shareImgUrl, // 分享图标
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function () {
                    console.log('分享给朋友成功')          
                }
        });
      })
    }
     </script>
</body>
</html>